<template>
  <div class="app-container calendar-list-container">
    <router-link :to="{name:'agent_join'}">
      <el-button  type='primary' v-waves>{{$t('common.back')}}
      </el-button>
    </router-link>
        <div>{{$t('home.Name')}}: {{userInfo.parnerName}}</div>
        <div>{{$t('common.Gender')}}: {{userInfo.gender == 1 ?'男' :'女'}}</div>
        <div>{{$t('common.Phone_number')}}: {{userInfo.parnerPhone}}</div>
        <div>{{$t('common.Email')}}: {{userInfo.email}}</div>
        <div>{{$t('common.Store_Name')}}: {{userInfo.shopName}}</div>
        <div>{{$t('home.Introduction')}}: {{userInfo.intro}}</div>
        <div>{{$t('financial.Application_time')}}: {{userInfo.ctime | parseTime}}</div>
        <div>{{$t('common.business_license')}}: </div>
        <div style="display:flex">

            <img v-for="item in userInfo.licensePic" :src="item" :key="item">
        </div>
        <div>{{$t('common.ID_card')}}: </div>
        <div style="display:flex">
           
            <img v-for="item in userInfo.idcardPic" :src="item" :key="item">
        </div>
  </div>
</template>
<script>
import { getParnerInfo } from '@/api/agent';
export default {
    name:'join_detail',
    data(){
        return{
           id:this.$route.query.id,
           userInfo:{},
           IDcardPic:[]
        }       
    },
    methods:{
        //获取用户详情
        async getDetail(){
            const {data}=await getParnerInfo({
                id:this.id
            })
            this.userInfo = data
            this.userInfo.idcardPic = this.userInfo.idcardPic ? this.userInfo.idcardPic.split(',') : []
            this.userInfo.licensePic = this.userInfo.licensePic ? this.userInfo.licensePic.split(',') : []
        }
    },
    created(){
        this.getDetail()
    }
}
</script>
<style lang="scss" scoped>
.app-container>div{
    display: flex;
    // justify-content: space-around;
    line-height:60px;
    color:#606266;
    div{
        width:400px;  
    }
}
img{
    width:200px;height: 200px;margin-left:20px
}
</style>


